// pages/jiaofei/shenghuojiaofei/shuifeijiaofei/shuifeijiaofei.js
const request = require('../../../../utils/request'); // 引入封装好的请求工具
const userApi = require('../../../../utils/user'); // 引入用户API工具
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 缴费记录列表
    recordList: [],
    userInfo: {}
  },

  /**
   * 点击记录项跳转到详情页
   */
  onRecordTap(e) {
    const id = e.currentTarget.dataset.id;
    console.log('e的信息',e);
    console.log('点击了水费缴费记录，ID:', id);
    
    wx.showLoading({
      title: '加载中...',
      mask: true
    });
    
    wx.navigateTo({
      url: `/pages/jiaofei/shenghuojiaofei/shuifeijiaofeixiangqing/shuifeijiaofeixiangqing?id=${id}`,
      success: () => {
        console.log('跳转成功');
        wx.hideLoading();
      },
      fail: (err) => {
        console.error('跳转失败:', err);
        wx.hideLoading();
        wx.showToast({
          title: '跳转失败，请重试',
          icon: 'none'
        });
      }
    });
  },

  /**
   * 获取住户信息
   */
  getResidentInfo() {
    try {
      const userInfo = wx.getStorageSync('userInfo');
      console.log('获取到的用户信息:', userInfo);
      
      if (userInfo && userInfo.resident && userInfo.resident.id) {
        this.setData({
          userInfo: userInfo
        });
        return true;
      } else {
        console.error('用户信息不完整或不存在');
        wx.showToast({
          title: '未获取到用户信息',
          icon: 'none'
        });
        return false;
      }
    } catch (error) {
      console.error('获取用户信息失败:', error);
      wx.showToast({
        title: '获取用户信息失败',
        icon: 'none'
      });
      return false;
    }
  },

  /**
   * 获取缴费记录数据
   */
  getPaymentRecords() {
    if (!this.data.userInfo.resident || !this.data.userInfo.resident.id) {
      console.error('用户信息不存在或住户ID不存在');
      return;
    }

    const residentId = this.data.userInfo.resident.id;
    console.log('开始获取水费缴费记录，住户ID:', residentId);

    wx.showLoading({
      title: '加载中...',
      mask: true
    });

    request.get(`/shuidianqi/chongzhijilu/residentId/${residentId}`)
      .then(res => {
        console.log('API返回的水费缴费记录:', res);
        if (res.code === 200) {
          this.setData({
            recordList: res.data || []
          });
          console.log('更新后的缴费记录列表:', this.data.recordList);
        } else {
          console.error('获取水费缴费记录失败:', res.msg);
          wx.showToast({
            title: res.msg || '获取数据失败',
            icon: 'none'
          });
        }
      })
      .catch(err => {
        console.error('获取水费缴费记录失败:', err);
        wx.showToast({
          title: '获取数据失败',
          icon: 'none'
        });
      })
      .finally(() => {
        wx.hideLoading();
      });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    console.log('页面加载，开始获取用户信息');
    this.getResidentInfo();
    this.getPaymentRecords();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    console.log('页面显示，刷新数据');
    this.getPaymentRecords();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    console.log('下拉刷新');
    this.getPaymentRecords();
    wx.stopPullDownRefresh();
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    // 可以在这里实现加载更多记录的逻辑
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})